<html>
<head>
	<title>Green Divs</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<style type="text/css">
		.module
		{
			border: 3px solid #ff0000;
			background-color: #0000ff;
			padding: 10px;
			color: #eeffff;
			margin: 20px;
		}
		.ordinary
		{
			border: 2px solid #00ffff;
			background-color: #ff0000;
			padding: 5px;
			color: #0000ff;
			margin: 20px;
		}
	</style>
</head>

<body>
	<div class="module">This is the first div of class module</div>
	<div class="ordinary">An ordinary div</div>
	<div class="module">A div of class module</div>
	<div class="module">Another div of class module</div>
	<div class="ordinary">And an ordinary div</div>
	
	<script type="text/javascript">
		$(".module").css("background-color", "#00ff00");
	</script>
</body>
</html>